<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>14属性和属性节点</title>
        <script src="http://code.jquery.com/jquery-1.12.4.js" 
        integrity="sha256-Qw82+bXyGq6MydymqBxNPYTaUXXq7c8v3CwiYwLLNXU="
        crossorigin="anonymous"></script>
        <script>
        $(function (param) {
            /*
                1.什么是属性
                对象身上保存的变量

                2.如何操作属性
                赋值：对象.属性名=值;  对象["属性名称"]=值;
                获取：对象.属性名；    对象["属性名称"]；

                3.什么是属性节点
                <span name="it666"></span>
                (1)在编写HTML代码时，在HTML标签中添加的属性就是属性节点
                (2)在浏览器中找到（检查->source->加号->document.getElementsByTagName("span");->attribute）
                在attribute属性中包含的所有内容都是属性节点

                4.如何操作属性节点
                设置：DOM元素.setAttribute("属性名称","值");
                获取：DOM元素.getAttribute("属性名称")

                5.属性和属性节点有什么区别
                任何对象都有属性，但只有DOM对象才有属性节点
            */
            // function Person(){}
            // var p=new Person();
            // // p.name="tom";
            // // console.log(p.name);
            // p["name"]="alice";
            // console.log(p["name"]);

            var span=document.getElementsByTagName("span")[0];
            span.setAttribute("name","lnj");//设置属性节点的值
            console.log(span.getAttribute("name"));
          });
        </script>
    </head>
    <body>
        <span name="it666"></span>
    </body>
</html>